<ion-content>
  <div class="bc-bg" tabindex="0" data-control="PAGE" id="Page">
    <div class="uh bc-head  " data-control="HEADER" id="Header">
      <div class="ub ub-ac">
        <div class="nav-btn" id="nav-left" (click)="navCtrl.pop()">
          <img src="assets/imgs/back_white.png" />
        </div>
        <h1 class="ut ub-f1 ulev-3 ut-s tx-c ub ub-pc">心路历程</h1>
        <div class="nav-btn" id="nav-right">
          <img src="assets/imgs/my/fenxiang-white.png" />
        </div>
      </div>
    </div>
    <div class="bc-bg ub ub-ver ub-ac ub-con" style="overflow: hidden;" data-control="FLEXBOXVER" id="ContentFlexVer">
      <div class="banner">
        <ul class="ub ub-pj">
          <li>
            <div>
              获胜
            </div>
            <div>
              <span class="number">{{user.DekaronWin }}</span>次
            </div>
          </li>
          <li class="padtop">
            <div>
              发起挑战
            </div>
            <div>
              <span class="number">{{user.PublicDe}}</span>次
            </div>
          </li>
          <li>
            <div>
              失败
            </div>
            <div>
              <span class="number">{{user.DekaronLose}}</span>次
            </div>
          </li>
          <li class="padtop">
            <div> 参与挑战 </div>
            <div>
              <span class="number">{{user.JoinDe}}</span>次
            </div>
          </li>
          <li>
            <div>胜率</div>
            <div class="ub ub-ac">
              <span class="ub ub-ac number" id="">{{user.PerCentage}}</span>
              <span class="ub ub-ac">%</span>
            </div>
          </li>
        </ul>
        <div id="">
          <img id="headimg" src="{{user.headimg | imgUrl:'HeadportraitUrl' }}" />
        </div>
      </div>
      <div class="content">
        <ul class="">
          <li class="ub">
            <div class="ub ub-pe ub-ac">
              <div class="ub ub-ver ub-ae ">
                <div>
                  第一次注册
                </div>
                <div class="time">
                  {{user.RejestDate ? (user.RejestDate*1000 | date:'yyyy-MM-dd') :'暂未注册'}}
                </div>
              </div>
              <img src="assets/imgs/my/xllc1.png" />
            </div>
            <div class=""></div>
          </li>
          <li class="ub">
            <div class=""></div>
            <div class="ub  ub-ac">
              <img src="assets/imgs/my/xllc4.png" />
              <div class="ub ub-ver">
                <div>
                  第一次发起挑战
                </div>
                <div id="time2" class="time">
                  {{user.PublicDekaronDate?(user.PublicDekaronDate*1000 | date:'yyyy-MM-dd') :'暂未发布挑战' }}
                </div>
              </div>
            </div>

          </li>
          <li class="ub">
            <div class="ub ub-pe ub-ac">
              <div class="ub ub-ver ub-ae ">
                <div>
                  第一次参与挑战
                </div>
                <div id="time3" class="time">
                  {{user.DekaronDate?((user.DekaronDate*1000) | date:'yyyy-MM-dd') :'暂未参加挑战' }}
                </div>
              </div>
              <img src="assets/imgs/my/xllc1.png" />
            </div>
            <div class=""></div>
          </li>
          <li class="ub">
            <div class=""></div>
            <div class="ub  ub-ac">
              <img src="assets/imgs/my/xllc4.png" />
              <div class="ub ub-ver">
                <div> 第一次发布话题 </div>
                <div id="time4" class="time">
                  {{user.PublicConversationDate?(user.PublicConversationDate*1000 | date:'yyyy-MM-dd') :'暂未发布话题' }}
                </div>
              </div>
            </div>

          </li>
          <li class="ub">
            <div class="ub ub-pe ub-ac">
              <div class="ub ub-ver ub-ae ">
                <div>
                  第一次分享
                </div>
                <div id="time5" class="time">
                  {{user.shareDate?(user.shareDate*1000 | date:'yyyy-MM-dd') :'暂未分享' }}
                </div>
              </div>
              <img src="assets/imgs/my/xllc1.png" />
            </div>
            <div class=""></div>
          </li>
        </ul>
        <div class="line"></div>
      </div>
    </div>
  </div>
</ion-content>
